import * as React from "react";
import type { SVGProps } from "react";

const SvgKbar = (props: SVGProps<SVGSVGElement>) => (
  <svg
    width={49}
    height={48}
    viewBox="0 0 49 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect
      x={1.136}
      y={15.53}
      width={34.228}
      height={34.228}
      rx={5.99}
      transform="rotate(-24.868 1.136 15.53)"
      className="fill-[#fff] stroke-[#2A2A42] dark:fill-[#2A2A42]  dark:stroke-[#fff]"
      strokeWidth={1.711}
    />
    <rect
      x={4.402}
      y={13.745}
      width={34.228}
      height={34.228}
      rx={5.99}
      transform="rotate(-17.324 4.402 13.745)"
      className="fill-[#fff] stroke-[#2A2A42] dark:fill-[#2A2A42]  dark:stroke-[#fff]"
      strokeWidth={1.711}
    />
    <rect
      x={8.077}
      y={11.985}
      width={34.228}
      height={34.228}
      rx={5.99}
      transform="rotate(-9.47 8.077 11.985)"
      className="fill-[#fff] stroke-[#2A2A42] dark:fill-[#2A2A42]  dark:stroke-[#fff]"
      strokeWidth={1.711}
    />
    <rect
      x={12.927}
      y={11.215}
      width={34.228}
      height={34.228}
      rx={5.99}
      className="fill-[#fff] stroke-[#2A2A42] dark:fill-[#2A2A42]  dark:stroke-[#fff]"
      strokeWidth={1.711}
    />
    <path
      d="M37.275 25.84a3.89 3.89 0 1 0-3.889-3.89v1.945h-5.835V21.95a3.89 3.89 0 1 0-3.889 3.89h1.945v5.834h-1.945a3.89 3.89 0 1 0 3.89 3.89v-1.945h5.834v2.475a3.363 3.363 0 0 0 3.36 3.36h.53a3.89 3.89 0 1 0 0-7.78H35.33V25.84h1.944Zm-1.944-3.89a1.944 1.944 0 1 1 1.944 1.945h-1.944V21.95Zm-11.669 1.945a1.944 1.944 0 1 1 1.945-1.945v1.945h-1.945Zm1.945 11.669a1.944 1.944 0 1 1-1.945-1.945h1.945v1.945Zm11.668-1.945a1.946 1.946 0 0 1 0 3.89h-.53a1.415 1.415 0 0 1-1.414-1.415v-2.475h1.944Zm-3.89-1.945h-5.834V25.84h5.835v5.834Z"
      className="fill-[#2A2A42] dark:fill-[#fff]"
    />
  </svg>
);

export default SvgKbar;
